<template>
    <!-- select框的value值就是选中哪个option的value值 -->
    <select :value="value" @change="handleChange">
        <option value="101">上海</option>
        <option value="103">北京</option>
        <option value="107">广州</option>
        <option value="110">深圳</option>
    </select>
</template>

<script>
export default {
    props:{
        value:String
    },
    methods:{
        handleChange(e){
            // console.log(e.target.value)
            // v-model应用于组件时，这个自定义事件必须是input
            this.$emit('input', e.target.value)
        }
    }
}
</script>

<style>

</style>